<template>
  <el-container class="container">
    <el-header
      class="x-header"
      style="height: 50px; padding: 0;">
      <x-header/>
    </el-header>
    <el-container>
      <el-aside width="auto">
        <Aside />
      </el-aside>
      <el-container>
        <el-main class="x-main">
          <nuxt/>
        </el-main>
      </el-container>
    </el-container>
    <!--<el-footer-->
    <!--class="x-footer"-->
    <!--style="height: 30px;">-->
    <!--<x-footer />-->
    <!--</el-footer>-->
  </el-container>
</template>

<script>
import Aside from '~/components/aside'
import XHeader from '~/components/x-header'

export default {
  components: {
    XHeader,
    Aside
  }
}
</script>
